모던 자바스크립트 모던 자바스크립트 Day 12 & 13 객체란, 프로퍼티(키-값)로 구성된 집합이다. 객체 생성: 생성 방법에는 여러가지가 있지만, 객체 리터럴({})로 생성하는 것이 가장 일반적이다. 객체 지향 언어: 언어의 구성이 이처럼 대부분 객체들로 이루어진 언어를 "객체 지향 언어" 라고 한다. 객체 생성법에 따라 "클래스 기반 객체지향 언어"와 "프로토타입 기반 객체지향 언어"로 나뉜다. "프로토타입 기반 객체지향 언어" vs. "클래... 북클럽모던 자바스크립트객체객체 이제는 모던 자바스크립트를 알아야지 - 템플릿 리터럴 문자열 조합 성능, 상황에 따라 사용되는 코드는 다르겠지만, 복잡한 조합을 하는 경우에는 한눈에 알아보기 쉽지 않을 수도 있다. 이번에는 문자열을 조합하는 방법 중 모던 자바 스크립트(ES6+)에서 사용되는 템플릿 리터럴에 대해 알아보려고 한다. 혼자서 개발하는 경우에는 내가 이 부분에서 어떠한 문자열을 합치는 건지 명확히 알 수 있지만, 협업의 관점에서는 한눈에 알아 볼 수 없는 코드는 좋지 않을 것이... 문자열 조합JavaScript모던 자바스크립트자바스크립트템플릿 리터럴JavaScript 모던 자바스크립트 Deep Dive[데이터 타입] 6장 데이터 타입 정리 var, let 선언(declaration)과 정의(definition) 💡 ECMAScript 사양에서 변수는 '선언한다'라고 표현하고, 함수는 '정의한다'라고 표현한다. Symbol 데이터 타입이 필요한 이유 동적 타입(Dynamic type) 언어와 변수 이러한 이유들로 인해서 변수를 사용하기 이전에 데이터 타입을 체크해야 하는 경우가 있는데 이는 매우 번거롭고,... 모던 자바스크립트deep dive데이터 타입jsJavaScriptJavaScript 2-6: alert, prompt, confirm을 이용한 상호작용 머리말 오타 및 잘못된 부분이 있을 수 있습니다. 이점 참고해주시면 감사하겠습니다. alert 앞선 예제에서 사용해봤습니다. 메시지가 있는 작은 창은 모달 창이라고 부릅니다. 브라우저에서 제공하는 prompt 함수는 두 개의 값을 받습니다. 함수가 실행되면 메시지와 입력 필드, 확인 및 취소 버튼이 있는 모달 창을 띄워줍니다. confirm 함수는 매개변수로 받은 질문과 확인 및 취소 버튼이... 모던 자바스크립트모던 자바스크립트 모던 JavaScript 튜토리얼 - switch문 변수 x의 값과 첫 번째 case문의 값 'value1'을 일치 비교한 후, 두 번째 case문의 값 'value2'와 비교 한다. case문에서 변수 x의 값과 일치하는 값을 찾으면 해당 case문의 아래의 코드가 실행된다. 값과 일치하는 case문이 없다면, default문 아래의 코드가 실행된다(default문이 있는 경우). switch문은 a의 값인 4와 첫 번째 case문의 값인 ... switch자바스크립트모던 자바스크립트JavaScriptJavaScript (JS) 동기와 비동기 (3/3) : Async / Await 비동기 코드를 동기식으로 표현해서 간단하게 표현하기 위해 사용하는 async / await는 가장 최근에 나온 문법이다. Async Function Async / Await를 사용하려면 Async Function을 생성해야 한다. Async Function은 함수 선언시 앞에 async키워드를 붙이면 되고, 이 Async Function 내부에서는 await키워드 사용이 가능하다. 그리고 나... JavaScriptjsawait비동기자바스크립트모던 자바스크립트asyncJavaScript 2-4: 변수와 상수 오타 및 잘못된 부분이 있을 수 있습니다. 자바스크립트에서 let 사용해 변수를 만듭니다. 이제 할당 연산자 = 를 사용해서 데이터를 저장해봅니다. 한 줄에 작성할 수도 있습니다. 한 줄에 여러 변수도 작성할 수도 있습니다. 한 줄에 여러 변수 작성하면 코드가 좀 더 짧아 보이지만 권장하는 방법은 아닙니다. 변수 선언할 때 "var" 이 있지만 오래된 방식이라서 없다고 생각하시면 됩니다. 박... 모던 자바스크립트모던 자바스크립트
모던 자바스크립트 Day 12 & 13 객체란, 프로퍼티(키-값)로 구성된 집합이다. 객체 생성: 생성 방법에는 여러가지가 있지만, 객체 리터럴({})로 생성하는 것이 가장 일반적이다. 객체 지향 언어: 언어의 구성이 이처럼 대부분 객체들로 이루어진 언어를 "객체 지향 언어" 라고 한다. 객체 생성법에 따라 "클래스 기반 객체지향 언어"와 "프로토타입 기반 객체지향 언어"로 나뉜다. "프로토타입 기반 객체지향 언어" vs. "클래... 북클럽모던 자바스크립트객체객체 이제는 모던 자바스크립트를 알아야지 - 템플릿 리터럴 문자열 조합 성능, 상황에 따라 사용되는 코드는 다르겠지만, 복잡한 조합을 하는 경우에는 한눈에 알아보기 쉽지 않을 수도 있다. 이번에는 문자열을 조합하는 방법 중 모던 자바 스크립트(ES6+)에서 사용되는 템플릿 리터럴에 대해 알아보려고 한다. 혼자서 개발하는 경우에는 내가 이 부분에서 어떠한 문자열을 합치는 건지 명확히 알 수 있지만, 협업의 관점에서는 한눈에 알아 볼 수 없는 코드는 좋지 않을 것이... 문자열 조합JavaScript모던 자바스크립트자바스크립트템플릿 리터럴JavaScript 모던 자바스크립트 Deep Dive[데이터 타입] 6장 데이터 타입 정리 var, let 선언(declaration)과 정의(definition) 💡 ECMAScript 사양에서 변수는 '선언한다'라고 표현하고, 함수는 '정의한다'라고 표현한다. Symbol 데이터 타입이 필요한 이유 동적 타입(Dynamic type) 언어와 변수 이러한 이유들로 인해서 변수를 사용하기 이전에 데이터 타입을 체크해야 하는 경우가 있는데 이는 매우 번거롭고,... 모던 자바스크립트deep dive데이터 타입jsJavaScriptJavaScript 2-6: alert, prompt, confirm을 이용한 상호작용 머리말 오타 및 잘못된 부분이 있을 수 있습니다. 이점 참고해주시면 감사하겠습니다. alert 앞선 예제에서 사용해봤습니다. 메시지가 있는 작은 창은 모달 창이라고 부릅니다. 브라우저에서 제공하는 prompt 함수는 두 개의 값을 받습니다. 함수가 실행되면 메시지와 입력 필드, 확인 및 취소 버튼이 있는 모달 창을 띄워줍니다. confirm 함수는 매개변수로 받은 질문과 확인 및 취소 버튼이... 모던 자바스크립트모던 자바스크립트 모던 JavaScript 튜토리얼 - switch문 변수 x의 값과 첫 번째 case문의 값 'value1'을 일치 비교한 후, 두 번째 case문의 값 'value2'와 비교 한다. case문에서 변수 x의 값과 일치하는 값을 찾으면 해당 case문의 아래의 코드가 실행된다. 값과 일치하는 case문이 없다면, default문 아래의 코드가 실행된다(default문이 있는 경우). switch문은 a의 값인 4와 첫 번째 case문의 값인 ... switch자바스크립트모던 자바스크립트JavaScriptJavaScript (JS) 동기와 비동기 (3/3) : Async / Await 비동기 코드를 동기식으로 표현해서 간단하게 표현하기 위해 사용하는 async / await는 가장 최근에 나온 문법이다. Async Function Async / Await를 사용하려면 Async Function을 생성해야 한다. Async Function은 함수 선언시 앞에 async키워드를 붙이면 되고, 이 Async Function 내부에서는 await키워드 사용이 가능하다. 그리고 나... JavaScriptjsawait비동기자바스크립트모던 자바스크립트asyncJavaScript 2-4: 변수와 상수 오타 및 잘못된 부분이 있을 수 있습니다. 자바스크립트에서 let 사용해 변수를 만듭니다. 이제 할당 연산자 = 를 사용해서 데이터를 저장해봅니다. 한 줄에 작성할 수도 있습니다. 한 줄에 여러 변수도 작성할 수도 있습니다. 한 줄에 여러 변수 작성하면 코드가 좀 더 짧아 보이지만 권장하는 방법은 아닙니다. 변수 선언할 때 "var" 이 있지만 오래된 방식이라서 없다고 생각하시면 됩니다. 박... 모던 자바스크립트모던 자바스크립트